Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / NotificationBell.vue

Displaying Raw • Download

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"relative rounded-full p-1.5 sm:p-2 text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-zinc-800 transition-colors"

Tb4b4b4@Te6edf3clickTb4b4b4.Te6edf3stopTff7b72=Ta5d6ff"Te6edf3toggleDropdownTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"bell" Te6edf3classTff7b72=Ta5d6ff"w-5 h-5 sm:w-6 sm:h-6" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72span

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3unreadCount Tff7b72> T79c0ff0Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"absolute top-0 right-0 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-xs font-semibold text-white"

Tb4b4b4>

Tff7b72{{ Te6edf3unreadCount Tff7b72> T79c0ff9 Tff7b72? Ta5d6ff"9+" Tff7b72: Te6edf3unreadCount Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72Teleport Te6edf3toTff7b72=Ta5d6ff"body"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isDropdownOpenTa5d6ff"

Te6edf3v-click-outsideTff7b72=Ta5d6ff"Te6edf3closeDropdownTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"fixed w-80 sm:w-96 bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-2xl shadow-xl z-[9999] max-h-[500px] overflow-hidden flex flex-col"

Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Te6edf3dropdownStyleTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-4 border-b border-gray-200 dark:border-zinc-800"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center justify-between"Tb4b4b4>

Tb4b4b4<Tff7b72h3 Te6edf3classTff7b72=Ta5d6ff"text-lg font-semibold text-gray-900 dark:text-white"Tb4b4b4>NotificationsTb4b4b4<Tb4b4b4/Tff7b72h3Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3notificationsTb4b4b4.Te6edf3length Tff7b72> T79c0ff0Ta5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-colors"

Tb4b4b4@Te6edf3clickTb4b4b4.Te6edf3stopTff7b72=Ta5d6ff"Te6edf3clearAllNotificationsTa5d6ff"

Tb4b4b4>

Clear

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3closeDropdownTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"close" Te6edf3classTff7b72=Ta5d6ff"w-5 h-5" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"overflow-y-auto flex-1"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isLoadingTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"p-8 text-center"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"inline-block animate-spin text-gray-400"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"refresh" Te6edf3classTff7b72=Ta5d6ff"w-6 h-6" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"mt-2 text-sm text-gray-500 dark:text-gray-400"Tb4b4b4>Loading notifications...Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3notificationsTb4b4b4.Te6edf3length Tff7b72=== T79c0ff0Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"p-8 text-center"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon

Te6edf3icon-nameTff7b72=Ta5d6ff"bell-off"

Te6edf3classTff7b72=Ta5d6ff"w-12 h-12 mx-auto text-gray-400 dark:text-gray-500"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"mt-2 text-sm text-gray-500 dark:text-gray-400"Tb4b4b4>No new notificationsTb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else Te6edf3classTff7b72=Ta5d6ff"divide-y divide-gray-200 dark:divide-zinc-800"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3notification Tff7b72in Te6edf3notificationsTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3notificationTb4b4b4.Te6edf3destination_hashTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"w-full p-4 hover:bg-gray-50 dark:hover:bg-zinc-800 transition-colors text-left"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3onNotificationClickTb4b4b4(Te6edf3notificationTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex gap-3"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-shrink-0"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3notificationTb4b4b4.Te6edf3lxmf_user_iconTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"p-2 rounded-lg"

Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Tb4b4b4{

Te6edf3colorTff7b72: Te6edf3notificationTb4b4b4.Te6edf3lxmf_user_iconTb4b4b4.Te6edf3foreground_colourTb4b4b4,

Ta5d6ff'background-color'Tff7b72: Te6edf3notificationTb4b4b4.Te6edf3lxmf_user_iconTb4b4b4.Te6edf3background_colourTb4b4b4,

Tb4b4b4}Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon

Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3notificationTb4b4b4.Te6edf3lxmf_user_iconTb4b4b4.Te6edf3icon_nameTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"w-6 h-6"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-else

Te6edf3classTff7b72=Ta5d6ff"bg-gray-200 dark:bg-zinc-700 text-gray-500 dark:text-gray-400 p-2 rounded-lg"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"account-outline" Te6edf3classTff7b72=Ta5d6ff"w-6 h-6" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 min-w-0"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-start justify-between gap-2 mb-1"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"font-semibold text-gray-900 dark:text-white truncate"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3notificationTb4b4b4.Te6edf3custom_display_name Tff7b72?? Te6edf3notificationTb4b4b4.Te6edf3display_nameTa5d6ff"

Tb4b4b4>

Tff7b72{{ Te6edf3notificationTb4b4b4.Te6edf3custom_display_name Tff7b72?? Te6edf3notificationTb4b4b4.Te6edf3display_name Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap flex-shrink-0"

Tb4b4b4>

Tff7b72{{ Te6edf3formatTimeAgoTb4b4b4(Te6edf3notificationTb4b4b4.Te6edf3updated_atTb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"text-sm text-gray-600 dark:text-gray-400 line-clamp-2"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"

Te6edf3notificationTb4b4b4.Te6edf3latest_message_preview Tff7b72?? Te6edf3notificationTb4b4b4.Te6edf3content Tff7b72?? Ta5d6ff'No preview'

Ta5d6ff"

Tb4b4b4>

Tff7b72{{

Te6edf3notificationTb4b4b4.Te6edf3latest_message_preview Tff7b72?? Te6edf3notificationTb4b4b4.Te6edf3content Tff7b72?? Ta5d6ff"No preview"

Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72TeleportTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"./MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72import Te6edf3Utils Tff7b72from Ta5d6ff"../js/Utils"Tb4b4b4;

Tff7b72import Te6edf3WebSocketConnection Tff7b72from Ta5d6ff"../js/WebSocketConnection"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"NotificationBell"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3MaterialDesignIconTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3directivesTff7b72: Tb4b4b4{

Ta5d6ff"click-outside"Tff7b72: Tb4b4b4{

Te6edf3mountedTb4b4b4(Te6edf3elTb4b4b4, Te6edf3bindingTb4b4b4) Tb4b4b4{

Te6edf3elTb4b4b4.Te6edf3clickOutsideEvent Tff7b72= Tff7b72function Tb4b4b4(Te6edf3eventTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72!Tb4b4b4(Te6edf3el Tff7b72=== Te6edf3eventTb4b4b4.Te6edf3target Tff7b72|| Te6edf3elTb4b4b4.Te6edf3containsTb4b4b4(Te6edf3eventTb4b4b4.Te6edf3targetTb4b4b4)Tb4b4b4)Tb4b4b4) Tb4b4b4{

Te6edf3bindingTb4b4b4.Te6edf3valueTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4;

Tffa657documentTb4b4b4.Te6edf3addEventListenerTb4b4b4(Ta5d6ff"click"Tb4b4b4, Te6edf3elTb4b4b4.Te6edf3clickOutsideEventTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3unmountedTb4b4b4(Te6edf3elTb4b4b4) Tb4b4b4{

Tffa657documentTb4b4b4.Te6edf3removeEventListenerTb4b4b4(Ta5d6ff"click"Tb4b4b4, Te6edf3elTb4b4b4.Te6edf3clickOutsideEventTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"notifications-cleared"Tb4b4b4]Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3isDropdownOpenTff7b72: Tff7b72falseTb4b4b4,

Te6edf3isLoadingTff7b72: Tff7b72falseTb4b4b4,

Te6edf3notificationsTff7b72: Tb4b4b4[Tb4b4b4]Tb4b4b4,

Te6edf3unreadCountTff7b72: T79c0ff0Tb4b4b4,

Te6edf3reloadIntervalTff7b72: Tff7b72nullTb4b4b4,

Te6edf3dropdownPositionTff7b72: Tb4b4b4{ Te6edf3topTff7b72: T79c0ff0Tb4b4b4, Te6edf3leftTff7b72: T79c0ff0 Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3dropdownStyleTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3topTff7b72: Ta5d6ff`Tffd700${Tff7b72thisTb4b4b4.Te6edf3dropdownPositionTb4b4b4.Te6edf3topTffd700}Ta5d6ffpxTa5d6ff`Tb4b4b4,

Te6edf3leftTff7b72: Ta5d6ff`Tffd700${Tff7b72thisTb4b4b4.Te6edf3dropdownPositionTb4b4b4.Te6edf3leftTffd700}Ta5d6ffpxTa5d6ff`Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3beforeUnmountTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3reloadIntervalTb4b4b4) Tb4b4b4{

Te6edf3clearIntervalTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3reloadIntervalTb4b4b4)Tb4b4b4;

Tb4b4b4}

Te6edf3WebSocketConnectionTb4b4b4.Te6edf3offTb4b4b4(Ta5d6ff"message"Tb4b4b4, Tff7b72thisTb4b4b4.Te6edf3onWebsocketMessageTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3mountedTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3loadNotificationsTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3WebSocketConnectionTb4b4b4.Te6edf3onTb4b4b4(Ta5d6ff"message"Tb4b4b4, Tff7b72thisTb4b4b4.Te6edf3onWebsocketMessageTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3reloadInterval Tff7b72= Te6edf3setIntervalTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3isDropdownOpenTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3loadNotificationsTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4, T79c0ff5000Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Tff7b72async Te6edf3toggleDropdownTb4b4b4(Te6edf3eventTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isDropdownOpen Tff7b72= Tff7b72!Tff7b72thisTb4b4b4.Te6edf3isDropdownOpenTb4b4b4;

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3isDropdownOpenTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3updateDropdownPositionTb4b4b4(Te6edf3eventTb4b4b4)Tb4b4b4;

Tff7b72await Tff7b72thisTb4b4b4.Te6edf3loadNotificationsTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72await Tff7b72thisTb4b4b4.Te6edf3markNotificationsAsViewedTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Te6edf3updateDropdownPositionTb4b4b4(Te6edf3eventTb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3button Tff7b72= Te6edf3eventTb4b4b4.Te6edf3currentTargetTb4b4b4;

Tff7b72const Te6edf3rect Tff7b72= Te6edf3buttonTb4b4b4.Te6edf3getBoundingClientRectTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3isMobile Tff7b72= Tffa657windowTb4b4b4.Te6edf3innerWidth Tff7b72< T79c0ff640Tb4b4b4;

Tff7b72const Te6edf3dropdownWidth Tff7b72= Te6edf3isMobile Tff7b72? T79c0ff320 Tff7b72: T79c0ff384Tb4b4b4; T8b949e// 80 (320px) or 96 (384px)

Tff7b72thisTb4b4b4.Te6edf3dropdownPosition Tff7b72= Tb4b4b4{

Te6edf3topTff7b72: Te6edf3rectTb4b4b4.Te6edf3bottom Tff7b72+ T79c0ff8Tb4b4b4,

Te6edf3leftTff7b72: Tffa657MathTb4b4b4.Te6edf3maxTb4b4b4(T79c0ff16Tb4b4b4, Te6edf3rectTb4b4b4.Te6edf3right Tff7b72- Te6edf3dropdownWidthTb4b4b4)Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3closeDropdownTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isDropdownOpen Tff7b72= Tff7b72falseTb4b4b4;

Tb4b4b4}Tb4b4b4,

Tff7b72async Te6edf3loadNotificationsTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isLoading Tff7b72= Tff7b72trueTb4b4b4;

Tff7b72try Tb4b4b4{

Tff7b72const Te6edf3response Tff7b72= Tff7b72await Tffa657windowTb4b4b4.Te6edf3axiosTb4b4b4.Te6edf3getTb4b4b4(Ta5d6ff`Ta5d6ff/api/v1/notificationsTa5d6ff`Tb4b4b4, Tb4b4b4{

Te6edf3paramsTff7b72: Tb4b4b4{

Te6edf3unreadTff7b72: Tff7b72trueTb4b4b4,

Te6edf3limitTff7b72: T79c0ff10Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3newNotifications Tff7b72= Te6edf3responseTb4b4b4.Te6edf3dataTb4b4b4.Te6edf3notifications Tff7b72|| Tb4b4b4[Tb4b4b4]Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3notifications Tff7b72= Te6edf3newNotificationsTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3unreadCount Tff7b72= Te6edf3responseTb4b4b4.Te6edf3dataTb4b4b4.Te6edf3unread_count Tff7b72|| T79c0ff0Tb4b4b4;

Tb4b4b4} Tff7b72catch Tb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{

Te6edf3consoleTb4b4b4.Te6edf3errorTb4b4b4(Ta5d6ff"Failed to load notifications"Tb4b4b4, Te6edf3eTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3notifications Tff7b72= Tb4b4b4[Tb4b4b4]Tb4b4b4;

Tb4b4b4} Tff7b72finally Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isLoading Tff7b72= Tff7b72falseTb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Tff7b72async Te6edf3markNotificationsAsViewedTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3notificationsTb4b4b4.Te6edf3length Tff7b72=== T79c0ff0Tb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72try Tb4b4b4{

Tff7b72const Te6edf3destination_hashes Tff7b72= Tff7b72thisTb4b4b4.Te6edf3notifications

Tb4b4b4.Te6edf3filterTb4b4b4(Tb4b4b4(Te6edf3nTb4b4b4) Tb4b4b4=> Te6edf3nTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff"lxmf_message"Tb4b4b4)

Tb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Te6edf3nTb4b4b4) Tb4b4b4=> Te6edf3nTb4b4b4.Te6edf3destination_hashTb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3notification_ids Tff7b72= Tff7b72thisTb4b4b4.Te6edf3notificationsTb4b4b4.Te6edf3filterTb4b4b4(Tb4b4b4(Te6edf3nTb4b4b4) Tb4b4b4=> Te6edf3nTb4b4b4.Te6edf3type Tff7b72!== Ta5d6ff"lxmf_message"Tb4b4b4)Tb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Te6edf3nTb4b4b4) Tb4b4b4=> Te6edf3nTb4b4b4.Te6edf3idTb4b4b4)Tb4b4b4;

Tff7b72await Tffa657windowTb4b4b4.Te6edf3axiosTb4b4b4.Te6edf3postTb4b4b4(Ta5d6ff"/api/v1/notifications/mark-as-viewed"Tb4b4b4, Tb4b4b4{

Te6edf3destination_hashesTff7b72: Te6edf3destination_hashesTb4b4b4,

Te6edf3notification_idsTff7b72: Te6edf3notification_idsTb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4} Tff7b72catch Tb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{

Te6edf3consoleTb4b4b4.Te6edf3errorTb4b4b4(Ta5d6ff"Failed to mark notifications as viewed"Tb4b4b4, Te6edf3eTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Tff7b72async Te6edf3clearAllNotificationsTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72try Tb4b4b4{

Tff7b72await Tffa657windowTb4b4b4.Te6edf3axiosTb4b4b4.Te6edf3postTb4b4b4(Ta5d6ff"/api/v1/notifications/mark-as-viewed"Tb4b4b4, Tb4b4b4{

Te6edf3destination_hashesTff7b72: Tb4b4b4[Tb4b4b4]Tb4b4b4,

Te6edf3notification_idsTff7b72: Tb4b4b4[Tb4b4b4]Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3response Tff7b72= Tff7b72await Tffa657windowTb4b4b4.Te6edf3axiosTb4b4b4.Te6edf3getTb4b4b4(Ta5d6ff"/api/v1/lxmf/conversations"Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3conversations Tff7b72= Te6edf3responseTb4b4b4.Te6edf3dataTb4b4b4.Te6edf3conversations Tff7b72|| Tb4b4b4[Tb4b4b4]Tb4b4b4;

Tff7b72for Tb4b4b4(Tff7b72const Te6edf3conversation Tff7b72of Te6edf3conversationsTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3conversationTb4b4b4.Te6edf3is_unreadTb4b4b4) Tb4b4b4{

Tff7b72try Tb4b4b4{

Tff7b72await Tffa657windowTb4b4b4.Te6edf3axiosTb4b4b4.Te6edf3getTb4b4b4(

Ta5d6ff`Ta5d6ff/api/v1/lxmf/conversations/Tffd700${Te6edf3conversationTb4b4b4.Te6edf3destination_hashTffd700}Ta5d6ff/mark-as-readTa5d6ff`

Tb4b4b4)Tb4b4b4;

Tb4b4b4} Tff7b72catch Tb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{

Te6edf3consoleTb4b4b4.Te6edf3errorTb4b4b4(Ta5d6ff`Ta5d6ffFailed to mark conversation as read: Tffd700${Te6edf3conversationTb4b4b4.Te6edf3destination_hashTffd700}Ta5d6ff`Tb4b4b4, Te6edf3eTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}

Tb4b4b4}

Tff7b72const Te6edf3GlobalState Tff7b72= Tb4b4b4(Tff7b72await Tff7b72importTb4b4b4(Ta5d6ff"../js/GlobalState"Tb4b4b4)Tb4b4b4)Tb4b4b4.Tff7b72defaultTb4b4b4;

Te6edf3GlobalStateTb4b4b4.Te6edf3unreadConversationsCount Tff7b72= T79c0ff0Tb4b4b4;

Tff7b72await Tff7b72thisTb4b4b4.Te6edf3loadNotificationsTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"notifications-cleared"Tb4b4b4)Tb4b4b4;

Tb4b4b4} Tff7b72catch Tb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{

Te6edf3consoleTb4b4b4.Te6edf3errorTb4b4b4(Ta5d6ff"Failed to clear notifications"Tb4b4b4, Te6edf3eTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Te6edf3onNotificationClickTb4b4b4(Te6edf3notificationTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3closeDropdownTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3notificationTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff"lxmf_message"Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$routerTb4b4b4.Te6edf3pushTb4b4b4(Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"messages"Tb4b4b4,

Te6edf3paramsTff7b72: Tb4b4b4{ Te6edf3destinationHashTff7b72: Te6edf3notificationTb4b4b4.Te6edf3destination_hash Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4} Tff7b72else Tff7b72if Tb4b4b4(Te6edf3notificationTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff"telephone_missed_call"Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$routerTb4b4b4.Te6edf3pushTb4b4b4(Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"call"Tb4b4b4,

Te6edf3queryTff7b72: Tb4b4b4{ Te6edf3tabTff7b72: Ta5d6ff"history" Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4} Tff7b72else Tff7b72if Tb4b4b4(Te6edf3notificationTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff"telephone_voicemail"Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$routerTb4b4b4.Te6edf3pushTb4b4b4(Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"call"Tb4b4b4,

Te6edf3queryTff7b72: Tb4b4b4{ Te6edf3tabTff7b72: Ta5d6ff"voicemail" Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Te6edf3formatTimeAgoTb4b4b4(Te6edf3datetimeStringTb4b4b4) Tb4b4b4{

Tff7b72return Te6edf3UtilsTb4b4b4.Te6edf3formatTimeAgoTb4b4b4(Te6edf3datetimeStringTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tff7b72async Te6edf3onWebsocketMessageTb4b4b4(Te6edf3messageTb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3json Tff7b72= Tffa657JSONTb4b4b4.Te6edf3parseTb4b4b4(Te6edf3messageTb4b4b4.Te6edf3dataTb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3jsonTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff"lxmf.delivery"Tb4b4b4) Tb4b4b4{

Tff7b72await Tff7b72thisTb4b4b4.Te6edf3loadNotificationsTb4b4b4(Tb4b4b4)Tb4b4b4;

T8b949e// If dropdown is open, mark new notifications as viewed

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3isDropdownOpenTb4b4b4) Tb4b4b4{

Tff7b72await Tff7b72thisTb4b4b4.Te6edf3markNotificationsAsViewedTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>

Tb4b4b4<Tff7b72style Te6edf3scopedTb4b4b4>

Tb4b4b4.T56d364line-clamp-2 Tb4b4b4{

Tff7b72displayTb4b4b4: Tff7b72-webkit-Te6edf3boxTb4b4b4;

Tff7b72-webkit-Tff7b72line-clampTb4b4b4: T79c0ff2Tb4b4b4;

Tff7b72-webkit-Te6edf3box-orientTb4b4b4: Tff7b72verticalTb4b4b4;

Tff7b72overflowTb4b4b4: Tff7b72hiddenTb4b4b4;

Tb4b4b4}

Tb4b4b4<Tb4b4b4/Tff7b72styleTb4b4b4>